<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>生日快乐 </title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/balloon-css/0.5.0/balloon.min.css">
    <link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
    <link rel="stylesheet" href="css/book.css">
    <link rel="stylesheet" href="css/lightbox.min.css">
    <meta name="theme-color" content="#F26B38">
</head>
<body >
<br> <br> <br> <br> <br>
<div class="container">
        <div><img class="img" src="image/h1.png" alt=""></div>
        <div><img class="img" src="image/h2.png" alt=""></div>
        <div><img class="img" src="image/h3.png" alt=""></div>
        <div><img class="img" src="image/h4.png" alt=""></div>
        <div><img class="img" src="image/h5.png" alt=""></div>
        <div><img class="img" src="image/h6.png" alt=""></div>
        <div><img class="img" src="image/h7.png" alt=""></div>
        <div><img class="img" src="image/h8.png" alt=""></div>
        <div><img class="img" src="image/h9.png" alt=""></div>
</div>
<div class="container container2">
        <div><img class="img" src="image/h1.png" alt=""></div>
        <div><img class="img" src="image/h2.png" alt=""></div>
        <div><img class="img" src="image/h3.png" alt=""></div>
        <div><img class="img" src="image/h4.png" alt=""></div>
        <div><img class="img" src="image/h5.png" alt=""></div>
        <div><img class="img" src="image/h6.png" alt=""></div>
        <div><img class="img" src="image/h7.png" alt=""></div>
        <div><img class="img" src="image/h8.png" alt=""></div>
        <div><img class="img" src="image/h9.png" alt=""></div>
        
</div>
<div class="container container3">
        <div><img class="img" src="image/h1.png" alt=""></div>
        <div><img class="img" src="image/h2.png" alt=""></div>
        <div><img class="img" src="image/h3.png" alt=""></div>
        <div><img class="img" src="image/h4.png" alt=""></div>
        <div><img class="img" src="image/h5.png" alt=""></div>
        <div><img class="img" src="image/h6.png" alt=""></div>
        <div><img class="img" src="image/h7.png" alt=""></div>
        <div><img class="img" src="image/h8.png" alt=""></div>
        <div><img class="img" src="image/h9.png" alt=""></div>
        
</div>
<!-- <div class="container container4">
        <div><img class="img" src="image/h1.png" alt=""></div>
        <div><img class="img" src="image/h2.png" alt=""></div>
        <div><img class="img" src="image/h3.png" alt=""></div>
        <div><img class="img" src="image/h4.png" alt=""></div>
        <div><img class="img" src="image/h5.png" alt=""></div>
        <div><img class="img" src="image/h6.png" alt=""></div>
        <div><img class="img" src="image/h7.png" alt=""></div>
        <div><img class="img" src="image/h8.png" alt=""></div>
        <div><img class="img" src="image/h9.png" alt=""></div>
    </div> -->

<div id="card">
<div id="card-inside">
<div class="wrap">
<center><p class=""><b><u>生日 快乐 小格</b></u></p><center>
<p>又 一 年 生 日 , 不 能 和 你 一 起 过 。但 也 祝 你 生 日 快 乐 , 天 天 开 心 , 永 远 年 轻 。还 有 就 是 照 顾 好 自 已 。<!-- Hey, I don't have much words to say on the occasion and neither did I plan some huge suprises! I just wanted to
wish you a sweet and cherishing raksha bandhan and I did wanted to make it special, I did what I do the best - Code. &nbsp;--><i class="em-svg em-blush"></i></p>
<!-- <p> You have been a fantastic support throughout, a great person and a sister actually. You did the best job raising me and I am proud of that as I learnt a lot from you about life and stuff and I can go on
with the message well. Cheers!</p>--><p class="signed"><u>爱 你 </b><b> <i class="em-svg em-heart"></i></b><b> 的 </b> <b>猪 猪</b></u></p> 
</div>
</div>
<div id="card-front">
<div class="wrap">
<h1 class="animated infinite swing">Happy Birthday Gege!</h1>
<div class="bookcake">
    <div class="cake c1">
        <div class="cream"></div>
        <div class="icing">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
        <div class="cherries">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>

        </div>
    </div>
    <div class="cake c2">
        <div class="cream"></div>
        <div class="icing">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
        <div class="cherries">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>

        </div>
    </div>
    <div class="cake c3">
        <div class="cream"></div>
        <div class="icing">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
        <div class="cherries">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>

        </div>
        <div class="candle">
            <div class="flame"></div>
        </div>
    </div>
</div>
<div class="cake_and_velas">
<div class="velas">
<div class="ani"></div>
<div class="ani"></div>
<div class="ani"></div>
<div class="ani"></div>
<div class="ani"></div>
</div>

</div>
</div>
<button id="open" data-balloon="打开书本 !" data-balloon-length="medium" data-balloon-pos="left" data-balloon-visible>&gt;</button>
<button id="close" data-balloon="! 本书上盖" data-balloon-length="medium" data-balloon-pos="left" data-balloon-visible>&lt;</button>
<div class="card-front_inside">

<div class="rose">
    <div class="roseimg1">
        <img src="image/玫瑰.png" alt="">
    </div>
    <div class="roseimg2">
        <img src="image/玫瑰.png" alt="">
    </div>
</div>
<div class="photogallery">
<div class="photogallery1">
<div class="polaroid">
<a href="images/G1.jpg" data-lightbox="mygallery" data-title="入伍前一天你来送我"><img src="images/G1.jpg" alt=""></a> 
</div>
<div class="polaroid">
<a href="images/G2.jpg" data-lightbox="mygallery" data-title="一起去看闸坡的日出"><img src="images/G2.jpg" alt=""></a> 
</div>
</div>
<div class="photogallery2">
<div class="polaroid">
<a href="images/G3.jpg" data-lightbox="mygallery" data-title="路灯旁冷漠的"><img src="images/G3.jpg" alt=""></a> 
</div>
<div class="polaroid">
<a href="images/G4.jpg" data-lightbox="mygallery" data-title="靓女喔"><img src="images/G4.jpg" alt=""></a> 
</div>

</div>
</div>
<div class="photogallery3">
<div class="polaroid">
<a href="images/G5.jpg" data-lightbox="mygallery" data-title="动漫的模型也很好看"><img src="images/G5.jpg" alt=""></a> 
</div>
<div class="polaroid">
<a href="images/G6.jpg" data-lightbox="mygallery" data-title="卷发"><img src="images/G6.jpg" alt=""></a> 
</div>
<div class="polaroid">
<a href="images/G7.jpg" data-lightbox="mygallery" data-title="犹如天使的你"><img src="images/G7.jpg" alt=""></a> 
</div>
<div class="polaroid">
<a href="images/G8.jpg" data-lightbox="mygallery" data-title="卷发"><img src="images/G8.jpg" alt=""></a> 
</div>
<div class="polaroid">
<a href="images/G9.jpg" data-lightbox="mygallery" data-title="比个耶"><img src="images/G9.jpg" alt=""></a> 
</div>
</div>
<div class="photogallery4">
<div class="polaroid">
<a href="images/G10.jpg" data-lightbox="mygallery" data-title="哈哈，为数不多的合照"><img src="images/G10.jpg" alt=""></a> 
</div>
<div class="polaroid">
<a href="images/G11.jpg" data-lightbox="mygallery" data-title="猪猪小格"><img src="images/G11.jpg" alt=""></a> 
</div>
<div class="polaroid">
<a href="images/G12.jpg" data-lightbox="mygallery" data-title="生日快乐，下一次生日一定在你身边"><img src="images/G12.jpg" alt=""></a> 
</div>
</div>
<div class="photogallery5">
<div class="polaroid" style="width: 65px;height: 85px;">
<a href="images/G13.jpg" data-lightbox="mygallery" data-title="在来比个耶，开心点"><img src="images/G13.jpg" alt=""></a> 
</div>
</div>

<div  data-balloon-length="large" data-balloon-pos="up" data-balloon-visible></div>
</div>
<div class="shadow"></div>
</div>
</div>
<script  src="js/index.js"></script>
<script  src="js/lightbox-plus-jquery.min.js"></script>
</body>
</html>